<template>
    <a-icon :component="iconStop" :style="{fontSize: size+'px'}"></a-icon>
</template>

<script>
    export default {
        name: "IconStop",
        data(){
            return {
                iconStop: {
                    template: `<svg t="1626165365816" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8817" width="200" height="200"><path d="M874.018273 874.023062a511.985053 511.985053 0 1 1 0-724.045959 511.985053 511.985053 0 0 1 0 724.045959z m-654.019617-70.059374a412.759047 412.759047 0 0 0 546.667912 32.734012L187.297676 257.378355a412.775563 412.775563 0 0 0 32.734012 546.585333z m583.927212-583.927211a412.775563 412.775563 0 0 0-546.667912-32.734012l579.319346 579.319346a412.775563 412.775563 0 0 0-32.618403-546.585334z" p-id="8818"></path></svg>`
                }
            }
        },
        props: {
            size: {
                type: Number,
                default: 16,
            }
        }
    }
</script>

<style scoped>

</style>
